<template>
    <div>
        <div class="column">
            <div class="container layout column-elem ">
                <div style="margin: 0 auto;">
                    <!-- 订单 -->
                    <div class="content" style="padding:0px">
                        <div class="path-description" style="margin:0px; box-shadow: 0 1px 3px 0 #979292;">
                            <div class="path-desc-top clearfix order" style=" background-size: cover; height: 115px; ">

                                <div class="col-md-10 col-md-offset-1 path-desc-text">订单号
                                    EAXD197368219999999999999299999
                                </div>
                                <div class="col-md-10 col-md-offset-1 path-desc-text">

                                    <div class="orderState">
                                        <div class="orderLeft">
                                            <div class="orderMoney">订单金额</div>
                                            <div class="orderMonyResult">999.9</div>
                                        </div>
                                        <div class="orderRight">
                                            <div class="orderState">订单状态</div>
                                            <div class="orderStateResult">已支付</div>
                                        </div>
                                    </div>

                                </div>
                                <div class="col-md-10 col-md-offset-1 path-desc-text order-time">
                                创建时间：2022-09-08 15:02:09
                            </div>
                            </div>
                        </div>



                    </div>

                    <div class="content" style="padding:0px">
                        <div class="path-description" style="margin:0px; box-shadow: 0 1px 3px 0 #979292;">
                            <div class="path-desc-top clearfix order" style=" background-size: cover; height: 115px; ">

                                <div class="col-md-10 col-md-offset-1 path-desc-text">订单号
                                    EAXD197368219999999999999299999
                                </div>
                                <div class="col-md-10 col-md-offset-1 path-desc-text">

                                    <div class="orderState">
                                        <div class="orderLeft">
                                            <div class="orderMoney">订单金额</div>
                                            <div class="orderMonyResult">999.9</div>
                                        </div>
                                        <div class="orderRight">
                                            <div class="orderState">订单状态</div>
                                            <div class="orderStateResult">已支付</div>
                                        </div>
                                    </div>

                                </div>
                                <div class="col-md-10 col-md-offset-1 path-desc-text order-time">
                                创建时间：2022-09-08 15:02:09
                            </div>
                            </div>
                        </div>



                    </div>

                    <div class="content" style="padding:0px">
                        <div class="path-description" style="margin:0px; box-shadow: 0 1px 3px 0 #979292;">
                            <div class="path-desc-top clearfix order" style=" background-size: cover; height: 115px; ">

                                <div class="col-md-10 col-md-offset-1 path-desc-text">订单号
                                    EAXD197368219999999999999299999
                                </div>
                                <div class="col-md-10 col-md-offset-1 path-desc-text">

                                    <div class="orderState">
                                        <div class="orderLeft">
                                            <div class="orderMoney">订单金额</div>
                                            <div class="orderMonyResult">￥999.9</div>
                                        </div>
                                        <div class="orderRight">
                                            <div class="orderState">订单状态</div>
                                            <div class="orderStateResult">已支付</div>
                                        </div>
                                    </div>

                                </div>
                                <div class="col-md-10 col-md-offset-1 path-desc-text order-time">
                                创建时间：2022-09-08 15:02:09
                            </div>
                            </div>
                        </div>



                    </div>
                </div>

            </div>
        </div>

    </div>
</template>

<script>
export default {
    name: 'OrderList',

}
</script>

<style scoped>
.layout {
    margin-top: 0px;
}
.orderStateResult {
    background-color: #ffffff;
    text-align: center;
    color: red;
}

.navbar-banner {
    margin-top: 50px;
}

.navbar-brand {
    position: absolute;
    left: 50%;
    line-height: 50px;
    transform: translate(-50%);
}

.path-description .path-desc-top .name-total-box h4 {
    font-size: 16px;
    color: black;
}

.path-description .path-desc-top .name-total-box .path-total-courses {
    font-size: 16px;
    color: black;
    line-height: 20px;
}

.path-description .path-desc-top .path-desc-text:nth-child(odd) {
    height: 35px;
    line-height: 35px;
}

.path-description .path-desc-top .path-desc-text:nth-child(2) {
    margin-top: auto;
    margin-bottom: auto;
    height: 50px;
}

.orderState>.orderLeft {
    float: left;
}

.orderState>.orderRight {
    float: right;
}

.path-description .path-desc-top .path-desc-text {
    color: black;
}
</style>
